<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>快捷键</title>
    <script src="Vue/vue.js"></script>
</head>
<body>
<div>
    <input class="inp1" type="text">+
    <input class="inp2" type="text">
    <input class="inp3" type="button" value="=" accesskey="=">
    <input class="inp4" type="text" disabled="true">
</div>
<div id="add">
    <input type="text" v-model="a">+
    <input type="text" v-model="b">
    <input type="button" value="=" accesskey="=" @click="add">
    <input type="text" disabled="true" v-model="c">
</div>

<script>
    var inp1=document.querySelector(".inp1").value;
    var inp1=document.querySelector(".inp2").value;
    var inp1=document.querySelector(".inp3");
    var inp1=document.querySelector(".inp4").value;
    

</script>
<script>
    var vue=new Vue({
        el:"#add",
        data:{
            a:0,
            b:0,
            c:0,
        },
        methods:{
            add(){
                this.c=Number.parseFloat(this.a)+Number.parseFloat(b);
            }

        }
    });
</script>
</body>
</html>